<!DOCTYPE html>
<html lang="en">
	<head>
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
		<meta http-equiv="Pragma" content="no-cache" />
		<meta http-equiv="Expires" content="0" />
		<meta charset="utf-8">
		<link rel="stylesheet" href="../lib/css/bootstrap.min.css">
		<link rel="stylesheet" href="../css/base.css">
		<link rel="stylesheet" href="../css/onForone.css">
		<style>
			.tab_father li a,#water li a{padding:0px 5px;}
			.tab-content ul.tab_father> li.active >a,#water ul.tab_son li.active a{
		cursor: default;
		border-bottom-color: transparent;
		background-color: #e8383b;
		border-radius: 15px;
		color: #fff;
			}
		/* 	#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";} */
		</style>
	</head>
	<body>
		<!-- 顶部 -->
		<div class="titleTea">
			<a href="../index.html">
				<span class="glyphicon glyphicon-menu-left"></span>
			</a>
			<h3>免费喝茶</h3>
			<span class="currentCity fr">
				北京市
			</span>
		</div>
		<div class="container">
			<!-- 总分类 -->
<!-- 			<ul class="nav nav-tabs nav_one" role="tablist">
				<li role="presentation" class="active"><a href="#home" role="tab" data-toggle="tab" aria-expanded="true" data_cat_id='6'>买水送茶</a></li>
				<li role="presentation"><a href="#profile" role="tab" data-toggle="tab" aria-expanded="true" data_cat_id='7'>体检送茶</a></li>
			</ul>
			<div class="tab-content taGrandpa">
				<div role="tabpanel" class="tab-pane active" id="home">
					<div class="screenBtn">
						<button>送水平台</button>
					</div>
					买水送茶
				</div>
				<div role="tabpanel" class="tab-pane" id="profile">
					<div class="screenBtn">
						<button>送水平台</button>
					</div>
					<div class="shopList"></div>
					体检送茶
				</div>
			</div> -->


		</div>
		<!-- 底部导航 -->
		<div class="teaNav container-fluid">
			<div class="row">
				<div class="home col-xs-4">
					<a href="../index.html"><span class="glyphicon glyphicon-home"></span><span>首页</span></a>
				</div>
				<div class="car col-xs-4">
					<a href="shop_car.html"><span class="glyphicon glyphicon-shopping-cart"></span>
					<span>购物车</span>
				</a>
			</div>
			<div class="myself col-xs-4">
				<a href="myself.html"><span class="glyphicon glyphicon-user"></span><span>我的</span></a>
			</div>
		</div>
	</div>
	<div id="allmap"></div>
</body>
<script src="../lib/js/jquery.min.js"></script>
<script src="../lib/js/bootstrap.min.js"></script>
<script src="../lib/template/template-native.js"></script>
<script src="../script/oneForone.js"></script>
<script src="../script/rem.js"></script>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ljNFH0Vriwu2HDn3KgCYobrsylaLok1G"></script>
<!-- 渲染总分类 -->
<script type="text" id="firstSystem">
		<ul class="nav nav-tabs nav_one" role="tablist">
		<%for (var i = 0; i < first.length; i++) {%>
			<%if (i==0) {%>
				<li role="presentation" class="active"><a href="#<%= first[i].id%>" role="tab" data-toggle="tab" aria-expanded="true" data_cat_id='<%= first[i].id%>' class="firstS"><%=first[i].cate_name%></a></li>
		<%}else{%>
				<li role="presentation" class=""><a href="#<%= first[i].id%>" role="tab" data-toggle="tab" aria-expanded="true" data_cat_id='<%= first[i].id%>' class="firstS"><%=first[i].cate_name%></a></li>
				<%}}%>
			</ul>
			<div class="tab-content taGrandpa">
			<%for (var i = 0; i < first.length; i++) {%>
			<%if (i==0) {%>
				<div role="tabpanel" class="tab-pane active" id="<%= first[i].id%>">
					<div class="screenBtn">

					</div>
						<div class="waterBrand ac"></div>
					<div class="shopList"></div>
				</div>
				<%}else{%>
				<div role="tabpanel" class="tab-pane" id="<%= first[i].id%>">
					<div class="screenBtn">

					</div>
					<div class="waterBrand ac"></div>
					<div class="shopList"></div>
				</div>
				<%}}%>
			</div>
</script>
<!-- 渲染商户列表 -->
<script type="text" id="shopL">
	<%for (var i = 0; i < mall.sing.length; i++) {%>
		<a href="#" data-seller_id=<%=mall.sing[i].seller_id%> class="shops">
			<div class="media">
				<div class="media-left">
						<img class="media-object" src=<%=mall.sing[i].street_spjpg%> alt="...">
				</div>
				<div class="media-body">
					<h4 class="media-heading"><%=mall.sing[i].shop_name%></h4>
					<p class="adress">地址：<span><%=mall.sing[i].shop_address%></span></p>
					<p class="distance">距我<span class="disOut"><%=meter(mall.sing[i].meter)%>km</span></p>
				</div>
			</div>
		</a>
	<%}%>
</script>
</html>